<template>
  <div>
    <div class="box">
      <el-breadcrumb separator-class="el-icon-arrow-right">
        <el-breadcrumb-item :to="{ path: '/patient' }"
          >患者列表
        </el-breadcrumb-item>
        <el-breadcrumb-item :to="{ path: '/yupeiyang' }"
          >查看患者</el-breadcrumb-item
        >
        <el-breadcrumb-item :to="{ path: '/chakanrizhi' }"
          >查看日志</el-breadcrumb-item
        >
      </el-breadcrumb>
    </div>
    <div class="title">
      病情日志信息
      <div class="time">
        <span>记录时间</span><span>{{ time }}</span>
      </div>
    </div>
    <div class="main">
      <h4>所记录内容</h4>
      <p>
        哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
      </p>
      <div class="demo-image">
        <h4>所传照片</h4>
        <div class="block" v-for="fit in fits" :key="fit">
          <el-image
            style="width: 100px; height: 100px"
            :src="url"
            :fit="fit"
          ></el-image>
        </div>
      </div>
      <div class="block2">
        <span class="demonstration">所传视频</span>
        <el-image class="img" :src="src"></el-image>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "DoctorEndMasterChaKanRiZhi",

  data() {
    return {
      time: "2017-09-11 18:14:22",
      fits: ["fill", "fill", "fill", "fill"],
      url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
      src: "https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg",
    };
  },

  mounted() {},

  methods: {},
};
</script>

<style lang="less" scoped>
.title {
  font-size: 36px;
  font-weight: 600;
  width: 100%;
  text-align: center;
  margin: 20px 0;
}
.time {
  font-size: 24px;
  width: 90%;
  text-align: right;
  margin: 0 auto;
}
.main {
  width: 90%;
  margin: 0 auto;
  h4 {
    font-size: 24px;
  }
  p {
    font-size: 24px;
  }
  .block {
    float: left;
    margin: 50px 50px;
  }
  .demo-image h4 {
    margin-top: 30px;
  }
  .block2 {
    width: 10%;
    height: 10%;
    .demonstration {
      font-size: 24px;
      font-weight: 600;
    }
  }
}
</style>